<template>
  <Fragment>
    <div class="head-wrap borderBottom-1px">
      <div class="title left borderBottom-2px">{{title}}</div>
      <div class="operate right">                  
      </div>
    </div>
    <div class="content-wrap">
      <div class="chart-content">
        <div class="about">
          <h4>陇西县第二人民医院</h4>
          <p>陇西县第二人民医院创建于1970年（前身是626医院），位于素有“千年药乡”、“旱码头”之称的文峰镇，交通条件便利。是一所集医疗、预防、保健、科研、教学为一体的二级甲等综合医院，为科级事业单位，承担着全县及周边县区近20万余群众的医疗服务工作。医院占地面积5961.29㎡，建筑面积10740.31㎡，业务用房面积10538.83㎡，固定资产2452万元，设有临床科室21个、医技科室6个、功能科室6个。设置床位300张。</p>
        </div> 
      </div>                         
    </div>
    <img src="@/assets/images/card819.png" class="card819" alt="">
  </Fragment>
</template>

<script>
import * as echarts from 'echarts';
import 'echarts-liquidfill'
import { Fragment } from 'vue-fragment'
export default {
  name:'box-card-single-analysis3-yiliaojigoujibenxinxi',
  components:{Fragment},
  props:{
    title:{
      type:String
    }
  },
  mounted(){
    this.makeData()
  },
  methods:{
    makeData(){
    },
    makeGraph(ref,option){
      let myChart=echarts.init(ref)
      myChart.setOption(option)
    }
  }
}
</script>
<style lang="less" scoped>
.left{float: left;}
.right{float: right;}
.borderBottom-1px{
  border-bottom: .01rem solid #7787C7 ;
}
.borderBottom-2px{
  border-bottom: .02rem solid #7787C7 ;
}
.head-wrap{
    font-size: .16rem;
    color:#ffffff;
    overflow: hidden;
    .title{
      height: .26rem;
      line-height: .262rem;
    }
    .operate{
      span{
        height: .26rem;
        line-height: .26rem;
        display: inline-block;
        cursor: pointer;
        background: url('~@/assets/images/671.png') no-repeat center center;
        background-size: contain;
        padding: 1px .2rem;
      }
      span.active{
        background: url('~@/assets/images/670.png') no-repeat center center;
        background-size: contain;
        padding: 1px .2rem;
      }
    }
  }
  .content-wrap{
    width: 100%;
    // height:calc( (100vh - 1.23rem) / 3 - .36rem) ;
    .chart-content{
      float: left;
      overflow: hidden;
      height:calc( (100vh - 1.23rem) / 3 - .36rem) ;
      .about{
        h4{
          margin:0px 0;
          padding:0;
          padding:5px 0;
          margin-top: .15rem;
          background: radial-gradient(circle, rgba(132, 227, 230, 0.13) 0%, rgba(76, 204, 204, 0.06) 0%, rgba(45, 181, 190, 0.05) 54%, rgba(42, 186, 195, 0.05) 55%, rgba(22, 224, 239, 0.13) 100%);
          opacity: 0.6;
          color:#00C0FF;
          padding-left: .1rem;
          padding-top:.07rem;
          font-size: .18rem;
        }
        p{
          margin:0px 0;
          padding-top:.08rem;  
          font-size:.14rem;
          line-height: .29rem;    
          color:#ffffff
        }
      }
    }
  }
  img{width: 100%;float: left;}
</style>